<template>
  <div>
    <TableMain :dataOrigin="dataOrigin"></TableMain>
  </div>
</template>

<script>
import TableMain from '../../components/drugCommon/TableMain'

export default {
  name: 'e3',
  components:{
    TableMain
  },
  data(){
    return{
      
      // 表格的原始数据结构
      dataOrigin:{
        dataSource: [ // 表格数据的元数据
          {title: '序号', param: 'index', index: 0, width: 100 },
          {title: '年龄', param: 'age', index: 1, width: 100},
          {title: '姓名', param: 'name', index: 2, width: 100},
          {title: '地址', param: 'address', index: 3, width: 100},
          {title: '标签', param: 'tags', index: 4, width: 100},
          {title: '操作', param: 'action', index: 5, width: 100}
        ],
        dataSourceChangeCopy: [ // 表格数据的备份数据
          {title: '序号', param: 'index', index: 0, width: 100},
          {title: '年龄', param: 'age', index: 1, width: 100},
          {title: '姓名', param: 'name', index: 2, width: 100},
          {title: '地址', param: 'address', index: 3, width: 100},
          {title: '标签', param: 'tags', index: 4, width: 100},
          {title: '操作', param: 'action', index: 5, width: 100}
        ],
        columns:[ // 表格结构定义
          {
            title: '序号',
            dataIndex: 'index',
            width: 70,
            fixed: 'left',
            scopedSlots: { customRender: 'index' },
          },
          {
            title: '年龄',
            dataIndex: 'age',
            key: 'age',
            ellipsis: true,
            // defaultSortOrder: 'descend',
            // sorter: (a, b) => a.age - b.age,
            scopedSlots: { customRender: 'age' },
          },
          {
            dataIndex: 'name',
            key: 'name',
            title: '姓名',
            ellipsis: true,
            scopedSlots: { customRender: 'name' },
          },
          {
            title: '地址',
            dataIndex: 'address',
            key: 'address',
            ellipsis: true,
            defaultSortOrder: 'descend',
          },
          {
            title: '标签',
            key: 'tags',
            dataIndex: 'tags',
            scopedSlots: { customRender: 'tags' },
            ellipsis: true,
          },
          {
            title: '操作',
            key: 'action',
            scopedSlots: { customRender: 'action'},
            width: 140,
            fixed: 'right',
            dataIndex: 'action',
          }
        ],

        // 高级搜索需要展示的字段信息
        seniorParam:[
          { title: '年龄', keys: 'age',     searchType: 'number',  placeholder: '请输入年龄',  value: '' },
          { title: '姓名', keys: 'name',    searchType: 'text',  placeholder: '请输入姓名',  value: '' },
          { title: '地址', keys: 'address', searchType: 'text',  placeholder: '请输入地址',  value: '' },
          { title: '标签', keys: 'tags',    searchType: 'text',  placeholder: '请输入标签',  value: '' },
        ],
        
        // 新增元素需要填写的字段信息
        addParam:[
          { 
            title: '年龄', 
            keys: 'age',     
            addType: 'DrugBaseNumber',  
            placeholder: '请输入年龄',  
            value: '',
            validateObj:[ // 添加需要的验证方式即可
              { name: 'required', msg: '请输入年龄', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          },
          { 
            title: '姓名', 
            keys: 'name',    
            addType: 'DrugBaseInput',  
            placeholder: '请输入姓名',  
            value: '',
            validateObj:[
              { name: 'required', msg: '请输入姓名', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          },
          { 
            title: '地址',
            keys: 'address',
            addType: 'DrugBaseTextarea',
            placeholder: '请输入地址',
            value: '',
            validateObj:[
              { name: 'required', msg: '请输入地址', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          }
        ],
        
        // 编辑元素需要修改的字段信息
        editParam:[
          { 
            title: '年龄', 
            keys: 'age',     
            editType: 'DrugBaseNumber',  
            placeholder: '请输入年龄',  
            value: '',
            validateObj:[
              { name: 'required', msg: '请输入姓名', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          },
          { 
            title: '姓名', 
            keys: 'name',    
            editType: 'DrugBaseInput',  
            placeholder: '请输入姓名',  
            value: '',
            validateObj:[
              { name: 'required', msg: '请输入姓名', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          },
          { 
            title: '地址', 
            keys: 'address', 
            editType: 'DrugBaseTextarea',  
            placeholder: '请输入地址',  
            value: '',
            validateObj:[
              { name: 'required', msg: '请输入姓名', regExp: null },
              { name: 'length', msg: '长度不合法，长度限制 4~16', regExp: "^[^\s]{4,16}$" }
            ]
          }
        ],

        requestUrl:{
          list: '111111.json',
          add: '222222.json',
          delete: '333333.json',
          modify: '4444444.json',
        }
        
      }
    }
  },

  created(){
  },

  methods: {

  }
}
</script>


<style lang="less" scoped>
 
</style>
